<template>
<div>
 <h1 v-text="msg" ref="title"></h1>
 <button @click="showDOM">输出上方dom</button>
    <MySchool schoolName="尚硅谷" address="北京1"></MySchool>
    <!-- <MySchool schoolName="尚硅谷" address="北京1"></MySchool> -->
    <!-- <MySchool schoolName="尚硅谷" :address="北京2"></MySchool> -->
</div>
</template>
<script>
// 引入组件
import MySchool from './components/MySchool';
export default{
    name:'App',
    components:{
        MySchool
    },
    data(){
        return{
            msg:"欢迎"
        }
    },
    methods:{
        showDOM(){
            console.log(this.$refs.title);
            
        }
    }
}
</script>